<template>
    <!-- 引用 panel.vue 的模板 -->
    <panel :class="$style.panel"   title="新手特权" >        
        <!-- <panel class="panel">
            <h1 style="text-align:center">新手特权</h1> -->
         <div :class="$style.conent">
             <div class="item1" >
                    <h4>下载APP <span  style="color:red "  >送888元礼包</span></h4>
                     <p :class="$style.gray" >新手专享</p>
                     <img src="../images/礼包3.jpg" alt="" width="75px" height="75px" >
                 </div>  

             <div  class="item2"  >
                 <ul>
                     <li>

   <div class="media">
  <div class="media-left">
    <a href="#">
      <img class="media-object" src="../images/礼包2.jpg" alt="..." width="35px" height="35px" >
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading"  style="color:red " >领128新手...</h4>
        立即开通<span class="glyphicon glyphicon-chevron-right" width="10px" height="10px" ></span>
  </div>
</div>

                     </li>

                      <li>

    <div class="media">
  <div class="media-left">
    <a href="#">
      <img class="media-object" src="../images/白条.jpg" alt="..." width="35px" height="35px" >
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading"  style="color:red " >打白条享利息</h4>
    立即开通享好礼
  </div>
</div>

                      </li>
                 </ul>

             </div>
         </div>
        
    </panel>

</template>

<style lang="scss" module >  //!!!!!!module   写完之后 才能 使用 :class="$style.panel"   class="panel"
@import "../css/element.scss" ;
@import "../css/item1.scss" ;



     .panel{
                @include  panel ;
        



                .content{
                    @include list(row);
        
                  
                }
        }

</style>




<script>
 import panel from  '../smallzj/panel.vue'    //引入panel.vue 组件模板
export default {
    data(){
         return{
             
         }
    },
    components:{
        panel ,

    }
}
</script>
